// 设计稿宽度
$vm_design: 750;
// 为什么设置 100? 设置成便于计算, 计算rem时只需要将 设计稿的宽度 / 100 即可
// 如果给的是 375 的标注图, 也只需要将标注尺寸 * 2 / 100 即可
$vm_fontsize: 100;
html {
    font-size: $vm_fontsize / $vm_design * 100vw;
    // 同时，通过Media Queries 限制根元素最大最小值
    @media screen and (max-width: 320PX) {
        font-size: 320PX / $vm_design * $vm_fontsize;
    }
    @media screen and (min-width: 540PX) {
        font-size: 540PX / $vm_design * $vm_fontsize;
    }
}

// body 也增加最大最小宽度限制，避免默认100%宽度的 block 元素跟随 body 而过大过小
body {
    max-width: 540PX;
    min-width: 320PX;
}
